<div class="singer">
    <div class="singer-body">

        <div class="sl">
            <h2>推荐</h2>
            <a class="curr" href="#">推荐歌手</a>
            <a href="#">入驻歌手</a>

            <div class="sl-b">
                <h2>华语</h2>
                <a href="#">华语男歌手</a>
                <a href="#">华语女歌手</a>
                <a href="#">华语组合/乐队</a>
            </div>

            <div class="sl-b">
                <h2>欧美</h2>
                <a href="#">欧美男歌手</a>
                <a href="#">欧美女歌手</a>
                <a href="#">欧美组合/乐队</a>
            </div>

            <div class="sl-b">
                <h2>日本</h2>
                <a href="#">日本男歌手</a>
                <a href="#">日本女歌手</a>
                <a href="#">日本组合/乐队</a>
            </div>

            <div class="sl-b">
                <h2>韩国</h2>
                <a href="#">韩国男歌手</a>
                <a href="#">韩国女歌手</a>
                <a href="#">韩国组合/乐队</a>
            </div>

            <div class="sl-b">
                <h2>其它</h2>
                <a href="#">其它男歌手</a>
                <a href="#">其它女歌手</a>
                <a href="#">其它组合/乐队</a>
            </div>

        </div>

        <div class="sr">

            <div class="singer-b">
                <div class="singer-top">
                    <h3>入驻歌手</h3>
                    <a href="#">更多&gt;</a>
                </div>

                <ul>

                    <li>
                        <div>
                            <img src="rank-imgs/st01.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">张惠妹</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st02.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">Fine乐团</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st03.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">万晓利</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st04.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">赵雷</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st05.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">王三博</a></p>
                        <a href="#"></a>
                    </li>


                    <li>
                        <div>
                            <img src="rank-imgs/st06.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">吴莫愁</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st07.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">洪启</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st08.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">李霄云</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st09.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">孙楠</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/st10.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">老狼</a></p>
                        <a href="#"></a>
                    </li>

                </ul>
            </div>

            <div class="singer-b">
                <div class="singer-top">
                    <h3>热门歌手</h3>
                </div>

                <ul>

                    <li>
                        <div>
                            <img src="rank-imgs/sb01.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">陈奕迅</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb02.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">薛之谦</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb03.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">林俊杰</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb04.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">队长</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb05.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">毛不易</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb06.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">Justin Bieber</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb07.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">G.E.M.邓紫棋</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb08.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">许嵩</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb09.jpg" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">姜云升</a></p>
                        <a href="#"></a>
                    </li>

                    <li>
                        <div>
                            <img src="rank-imgs/sb10.png" alt="">
                            <a href="#"></a>
                        </div>
                        <p><a href="#">张杰</a></p>
                        <a href="#"></a>
                    </li>

                </ul>
            </div>

            <div class="for-all">
                <ul class="ul-all">
                    <li>
                        <a href="#">李荣浩</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">颜人中</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">刘大壮</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">许佳豪</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">郭顶</a>
                        <a href="#"></a>
                    </li>


                    <li>
                        <a href="#">莫文蔚</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">yihuik</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">汪苏泷</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">沈以诚</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">告五人</a>
                        <a href="#"></a>
                    </li>


                    <li>
                        <a href="#">Beyond</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">柳爽</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">房东的猫</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">王贰浪</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">隔壁老樊</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">Taylor Swift</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">Jony J</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">品冠</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">王以太</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">周深</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">华晨宇</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">王力宏</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">郁可唯</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">程翔</a>
                        <a href="#"></a>
                    </li>

                    <li>
                        <a href="#">王菲</a>
                        <a href="#"></a>
                    </li>


                </ul>
            </div>

        </div>

    </div>
</div>


<script>
    var singer_r_ele = document.getElementsByClassName('sr')[0];
    var singer_l_ele = document.getElementsByClassName('sl')[0];
    singer_l_ele.style.height = singer_r_ele.clientHeight + 'px';
</script>